<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>&gt;&gt;&gt; ABC Commerce &lt;&lt;&lt;</title>
<link href="css/principal.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/principal.js"></script>

<script type="text/javascript" src="js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.form.js"></script>
<script type="text/javascript" src="js/producto_nuevo_controller.js"></script>
<script type="text/javascript" src="js/producto_nuevo_model.js"></script>


</head>
<body>
<form id="frmProductoNuevo" action="producto?accion=crear" method="post" enctype="multipart/form-data">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="41" colspan="2" valign="top"><img name="cabecera" src="img/cabecera.gif" width="520" height="41" border="0" id="cabecera" alt="" /></td>
    <td width="180" valign="top" bgcolor="#0066CC"><table width="187" border="0">
      <tr>
        <td width="100"><span class="Estilo3">Bienvenido</span></td>
        <td width="77" bgcolor="#FFFFFF"><div align="center"><a href="#">Cerrar Sesi&oacute;n </a></div></td>
      </tr>
      <tr>
        <td colspan="2"><span class="Estilo5">Ricardo Marcelo </span></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td height="25" colspan="3" valign="middle"><table width="445" border="0" align="center">
      <tr>
        <td><div align="center"><a href="index.html">Inicio</a></div></td>
        <td><div align="center"><a href="#">Pedidos</a></div></td>
        <td><div align="center"><a href="#">Clientes</a></div></td>
        <td><div align="center"><a href="#">Cat&aacute;logo</a></div></td>
        <td><div align="center"><a href="#">Informes</a></div></td>
        <td><div align="center"><a href="#">Herramientas</a></div></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td width="150" rowspan="2" valign="top" bgcolor="#66CCFF"><table width="150" border="0">
      <tr>
        <td height="20" bgcolor="#FFFFFF"><div align="center" class="Estilo2">Opciones</div></td>
      </tr>
      <tr>
        <td>  &nbsp;&nbsp;::&nbsp;<a href="#">Categor&iacute;as</a></td>
      </tr>
      <tr>
        <td> &nbsp;&nbsp;:: <a href="#">Productos </a></td>
      </tr>
      
      
    </table></td>
    <td height="35" colspan="2" valign="middle"> &nbsp;<span class="Estilo1">&nbsp;&nbsp;Nuevo  Producto</span></td>
  </tr>
  <tr>
    <td height="399" colspan="2" valign="top"><br />
      <table width="433" border="0" align="center">
        <tr>
          <td width="138">Nombre del producto </td>
          <td width="285"><input name="txtNombre" type="text" class="cuadro_texto" id="txtNombre" size="40" /></td>
        </tr>
        <tr>
          <td>Categor&iacute;a</td>
          <td>
                  
          <select name="cboCategoria" class="combobox" id="cboCategoria">
            
            <c:forEach var="cateTO" items="${requestScope.categorias}">
            
                <option value="${cateTO.id}"> ${cateTO.nombre} </option>
            
            </c:forEach>
            
          </select>
          
          </td>
        </tr>
        <tr>
          <td>Precio</td>
          <td><input name="txtPrecio" type="text" class="cuadro_texto" id="txtPrecio" /></td>
        </tr>
        <tr>
          <td>Stock</td>
          <td><input name="txtStock" type="text" class="cuadro_texto" id="txtStock" /></td>
        </tr>
        <tr>
          <td>Imagen</td>
          <td><input name="txtImagen" type="file" class="cuadro_texto" id="txtImagen" size="40" /></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><input id="btnGuardar" type="submit" class="boton" value="Guardar"  />
            <input name="Submit2" type="submit" class="boton" value="Regresar" /></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td height="1"></td>
    <td width="370"></td>
    <td></td>
  </tr>
</table>
</form>
</body>
</html>